html,body{height:100%;}
#Ch{
    text-align:center;
    -webkit-user-select:none;
    cursor:default;
}
	#Ch .infoBar{
		margin-top:10px;
		padding:3px 10px 3px 10px;
		display:inline-block;
		opacity:0;
		border-radius:5px;
		border:1px solid #ccc;
	    border-color:rgba(154,205,50, 0.8);
	    -webkit-transition: all 400ms ease-in-out;
	    -webkit-box-shadow:0 0 5px rgba(154,205,50, 0.5);		
		background:-webkit-gradient(linear, 0% 0%, 0% 50%, from(rgba(154,205,50, 0.1)), to(rgba(154,205,50, 0.5)));
	}
	
	#Ch .infoBarAccount{
		padding:3px 10px 3px 10px;
		display:none;
		height:16px;
		line-height:16px;
		vertical-align:middle;	
	}
	#Ch .infoBarAccount img{
		float:left;
		padding-right:5px;
	}
	#Ch .infoBarAccount span{
		float:left;
		vertical-align:middle;
	}
    #Ch #options{
        width:700px;
        margin:20px auto;
        border:1px solid #ccc;
        border-radius:10px;      
        -webkit-box-shadow: 0 0 8px #ccc;        
    }

    #Ch #options .title{
        height:40px;
        line-height:40px;
        padding:0 32px;
        text-align:left;
        border-bottom:1px solid #ccc;
        border-top-left-radius:10px;
        border-top-right-radius:10px;
        font-family: 'Josefin Sans Std Light';
        text-shadow:#aaa 0 0 20px;
        font-size:15pt;
        background:url('../icones/x32.png') no-repeat left,-webkit-gradient(linear, 0% 0%, 0% 50%, from(#dedede), to(#eee));
    }

    #Ch #options #sections{
        text-align:left;
    }

        #Ch #options #sections nav{
            padding:10px 10px 0 10px;
            border-bottom:1px solid #ccc;
            z-index:1;
        }

            #Ch #options #sections nav ul{
                list-style:none;
            }

                #Ch #options #sections nav ul li{
                    height:30px;
                    line-height:30px;
                    padding:0 10px;
                    display:inline-block;
                    cursor:pointer;
                    border-top-left-radius:8px;
                    border-top-right-radius:8px;
                    border:1px solid #eee;
                    border-bottom:none;
                    color:#888;
                    font-family: 'Molengo';
                    -webkit-transition:all 200ms ease-in-out;
                }
                #Ch #options #sections nav ul li:not([selected]):not([disabled]):hover,
                #Ch #options #sections nav ul li:not([selected]):not([disabled]):active{
                    color:#555;
                    border-color:#ccc;
                    -webkit-box-shadow: 0 -2px 8px #ddd;
                    background:-webkit-gradient(linear, 0% 0%, 0% 50%, from(rgba(245,245,245, 0.4)), to(rgba(245,245,245, 0.7)));
                }
                #Ch #options #sections nav ul li:not([selected]):not([disabled]):active{
                    background:-webkit-gradient(linear, 0% 0%, 0% 50%, from(rgba(211,211,211, 0.5)), to(rgba(245,245,245, 0.6)));
                }
                #Ch #options #sections nav ul li[selected]{
                    color:#555;
                    border-color:#ccc;
                    -webkit-box-shadow: 0 -2px 8px #ccc;
                    cursor:default;
                    background:-webkit-gradient(linear, 0% 0%, 0% 50%, from(rgba(211,211,211, 0.8)), to(rgba(211,211,211, .5)));
                }
                #Ch #options #sections nav ul li[disabled]{
                	cursor:default;
                	opacity:.5;
                }

        #Ch #options #sections #content{
            min-height:300px;
            padding:10px;
            background-color:#ffffff;
            border-bottom-left-radius:10px;
            border-bottom-right-radius:10px;
            font-family: 'Molengo';
            z-index:2;
        }
        
        #Ch #options #sections #content .accounts{}      
        	
        	#Ch #options #sections #content .accounts div.titulo{
        		font-family: 'Josefin Sans Std Light';
        		font-size:15pt;
        		text-shadow:#ddd 0 0 5px;
        		color:#555;
        		border-bottom:1px solid #eee;
        		margin-bottom:10px;
        	}
        	#Ch #options #sections #content .accounts .accounts_container{
        		margin-left:5px;	
        	}
        	#Ch #options #sections #content .accounts .account{
        		display:inline-table;
        		border:1px solid transparent;
        		border-radius:5px;
        		padding:3px;
                -webkit-transition:all 200ms ease-in-out;           
        	}
        	#Ch #options #sections #content .accounts .account:hover,
        	#Ch #options #sections #content .accounts .account.current{
        		border:1px solid #ccc;
        		-webkit-box-shadow: 0 0 8px #ddd;
        		background:-webkit-gradient(linear, 0% 0%, 0% 50%, from(rgba(245,245,245, 0.4)), to(rgba(245,245,245, 0.7)));	
        	}
        	#Ch #options #sections #content .accounts .account img{
        		float:left;
        		border-radius:5px;
        		margin-right:5px;
                -webkit-box-shadow: #888 0px 0px 2px;
        	}
        	#Ch #options #sections #content .accounts .account .titulo{
        		font-size:10pt;
        		float:left;
        		line-height:24px;
        	}
        	#Ch #options #sections #content .accounts .account .deleteAccount{
        		display:inline-block;
        		margin:0 5px 0 5px;
        		color:#888;
        		opacity:0;
        		font-size:16pt;
        		width:16px;
        		height:16px;
        		line-height:16px;
        		vertical-align:middle;
        		text-align:center;
        		clear:left;
         		border:1px solid #eee;
        		border-radius:5px;
        		cursor:pointer;
        		-webkit-transition:all 200ms ease-in-out;	        	
        	}
        	#Ch #options #sections #content .accounts .account:hover .deleteAccount{
        		opacity:1;
        	}
        	#Ch #options #sections #content .accounts .account .deleteAccount:hover{ 	       
        		background:-webkit-gradient(linear, 0% 0%, 0% 50%, from(rgba(128,128,128, 0.3)), to(rgba(128,128,128, 0.2)));
        	}
        	
        	#Ch #options #sections #content .accounts .xAuthLogin{
        		display:none;
        		padding:10px;
        		max-width:600px;
        		height:180px;
        		max-height:600px;
        	}
        	#Ch #options #sections #content .accounts .xAuthLogin header{
		        font-family: 'Josefin Sans Std Light';
		        text-shadow:#aaa 0 0 20px;
		        font-size:13pt;
				border:1px solid #ccc;
				border-top-left-radius:10px;
				border-top-right-radius:10px;
				padding:3px 10px 3px 10px;
				background:-webkit-gradient(linear, 0% 0%, 0% 50%, from(#dedede), to(#eee));       		
        	} 
        	
        	#Ch #options #sections #content .accounts .xAuthLogin button{
        		margin:0 auto;
        	}       	
        
    #Ch #options .footer{
        margin-bottom:20px;
    }

